<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html>
<script type="text/javascript">
	$(document).ready(function() {
		$("#loginBt").click(function() {
			var param = {
				custId : $("#custId").val(),
				password : $("#password").val()
			};
			$.post("loginCheck.cust", param, eventHandlerLogin);
		});

		$("#joinBt").click(function() {
			location.replace("index.jsp?content=cust/custInput.jsp");
		});

	});

	function eventHandlerLogin(responseStr) {
		if (responseStr.search("true") != -1) {
			location.replace("index.jsp");
		} else if (responseStr.search("false") != -1) {
			alert("id/password를 다시 확인해 주세요");
		}
	}

	function loginInput(href) {

		location.href = 'index.jsp?contentMenu=cust/custInput.jsp';//새로운 페이지로 이동된다. 형태 : 속성 일반적인 페이지 이동시 이용하면된다. 
		//location.href='abc';
	}
</script>


</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"
	marginheight="0">
	<!-- Save for Web Slices (login.png) -->
	<table id="__01" width="231" height="162" border="0" cellpadding="0"
		cellspacing="0">
		<tr>
			<td colspan="7"><img src="/nems/main/img/login_01.png" width="230"
				height="52" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="1" height="52" alt=""></td>
		</tr>
		<tr>
			<td rowspan="7"><img src="/nems/main/img/login_02.png" width="12"
				height="109" alt=""></td>
			<td colspan="3" rowspan="2"><input type="text"
				placeholder="UserId" id="custId" name="custId" size="16" width="139"
				height="29"></td>
			<td colspan="3"><img src="/nems/main/img/login_04.png" width="79"
				height="23" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="1" height="23" alt=""></td>
		</tr>
		<tr>
			<td rowspan="4"><img src="/nems/main/img/login_05.png" width="4"
				height="46" alt=""></td>
			<td rowspan="2"><a
				href="index.jsp?content=/cust/lookForCustId.jsp"
				onFocus="this.blur()"><img src="/nems/main/img/login_06.png" width="65"
					height="31" id="loginBt" border="0" alt=""></a></td>
			<td rowspan="6"><img src="/nems/main/img/login_07.png" width="10"
				height="86" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="1" height="6" alt=""></td>
		</tr>
		<tr>
			<td colspan="3" rowspan="2"><input type="password"
				placeholder="Password" id="password" name="password" size="16"
				width="139" height="29"></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="1" height="25" alt=""></td>
		</tr>
		<tr>
			<td rowspan="2"><img src="/nems/main/img/login_09.png" width="65"
				height="15" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="1" height="4" alt=""></td>
		</tr>
		<tr>
			<td colspan="3"><img src="/nems/main/img/login_10.png" width="139"
				height="11" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="1" height="11" alt=""></td>
		</tr>
		<tr>
			<td><img src="/nems/main/img/login_11.png" width="68" height="18" alt=""
				id="joinBt" border="0"></td>
			<td><a href="index.jsp?content=/cust/lookForCustId.jsp"
				onFocus="this.blur()"> <img src="/nems/main/img/login_12.png" width="52"
					height="18" alt="" border="0"></a></td>
			<td colspan="3"><a
				href="index.jsp?content=/cust/lookForPassword.jsp"
				onFocus="this.blur()"><img src="/nems/main/img/login_13.png" width="87"
					height="18" alt="" border="0"></a></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="1" height="18" alt=""></td>
		</tr>
		<tr>
			<td colspan="5"><img src="/nems/main/img/login_14.png" width="208"
				height="22" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="1" height="22" alt=""></td>
		</tr>
		<tr>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="12" height="1" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="68" height="1" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="53" height="1" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="18" height="1" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="4" height="1" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="65" height="1" alt=""></td>
			<td><img src="/nems/main/img/&#xc2a4;&#xd398;&#xc774;&#xc11c;.gif"
				width="10" height="1" alt=""></td>
			<td></td>
		</tr>
	</table>
	</form>

</body>
</html>